<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
    minimum-scale=1.0, user-scalable=no"
    />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/commom.css" />
    <link rel="stylesheet" href="./css/me.css" />
    <!-- 导航栏目 -->
    <link rel="stylesheet" href="./css/tabBox.css" />
  </head>
  <body>
    <!-- 头部 -->
    <div class="header padding">
      <div class="top">
        <div class="fl_icon">
          <img src="./img/15.png" alt="" />
        </div>
        <div class="fr_icon">
          <ul>
            <li>
              <img src="./img/32.png" alt="" />
            </li>
            <li>
              <img src="./img/33.png" alt="" />
            </li>
            <li>
              <a href="./shezi.html"><img src="./img/34.png" alt="" /></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- user -->
    <div class="User padding">
      <div class="user">
        <div class="heads">
          <div class="img">
            <img src="./img/16.png" alt="" />
          </div>
          <div class="userName">张三</div>
        </div>
        <div class="user_icon"><a href="./homepage.html">个人主页</a></div>
      </div>
      <!-- 权益 -->
      <div class="Interest padding">
        <div class="interest padding">
          <div class="lv">Lv.1</div>
          <div class="center">
            <div class="text">用户专享：新手礼包</div>
            <div class="jdt"><div class="box"></div></div>
          </div>
          <div class="qy">查看权益 ></div>
        </div>
      </div>
    </div>

    <!-- 信息栏目 -->
    <div class="Xinxi">
      <div class="xinxi">
        <ul class="tablist">
          <li>
            <div class="num">8</div>
            <div class="text">浏览历史</div>
          </li>
          <li>
            <div class="num">1</div>
            <div class="text">收藏关注</div>
          </li>
          <li>
            <div class="num">8</div>
            <div class="text">联系人</div>
          </li>
          <li>
            <div class="num">8</div>
            <div class="text">钱包优惠</div>
          </li>
        </ul>
        <ul class="iconList">
          <li>
            <div class="icon">
              <div class="img">
                <img src="./img/16.png" alt="" />
              </div>
            </div>
            <div class="text">保障</div>
          </li>
          <li>
            <div class="icon">
              <div class="img"><img src="./img/17.png" alt="" /></div>
            </div>
            <div class="text">法律咨询</div>
          </li>
        </ul>
        <!-- 有将问卷 -->
        <div class="wenjuan">
          <img src="./img/18.png" alt="" />
          <div class="close">x</div>
        </div>
      </div>
    </div>

    <!-- 房产工具-->
    <div class="T_item padding">
      <div class="t_item">
        <div class="ht">房产工具</div>
        <ul class="data"></ul>
      </div>
    </div>
    <!-- 房东服务 -->
    <div class="T_item padding">
      <div class="t_item">
        <div class="ht">房东服务</div>
        <ul class="data"></ul>
      </div>
    </div>

    <!-- tab栏 -->
    <div class="TabBox padding">
      <div class="tabBox">
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">问卷调查</a></div>
            </div>
            <div class="right"><div class="icon"></div></div>
          </div>
        </dl>
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">举报中心</a></div>
            </div>
            <div class="right"><div class="icon"></div></div>
          </div>
        </dl>
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">账号与安全</a></div>
            </div>
            <div class="right"><div class="icon"></div></div>
          </div>
        </dl>
      </div>
    </div>
    <div class="div" style="height: 2.1875rem"></div>
    <!-- 底部 -->
    <div class="footer">
      <ul>
        <li>
          <a href="./index.html">
            <img src="./img/f1.png" alt="" />

            <p>首页</p>
          </a>
        </li>
        <li>
          <a href="./xiaoxi.html">
            <img src="./img/f2.png" alt="" />
            <p>消息</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/f3.png" alt="" />
            <p>有料</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/f4.png" alt="" />
            <p>推荐</p>
          </a>
        </li>
        <li>
          <a href="./me.html">
            <img src="./img/ff5.png" alt="" />
            <p class="active">我的</p>
          </a>
        </li>
      </ul>
    </div>

    <!-- json数据 -->
    <script src="./js/me.json.js"></script>
    <!-- 通用动态生成 data 数据 -->
    <script src="./js/data.js"></script>
    <script src="./js/me.js"></script>
  </body>
</html>
